<template>
  <div class="page">
    <h2 style="color: #007aff">欢迎您使用？？？技师端</h2>
    <div>首次使用需要您先完成以下任务，感谢您的配合！</div>
    <div class="rds5r bgf f ac cn mt20r" style="padding: 20rpx">
      <div class="f ac xb w100" style="border-bottom: 1px solid #ccc;padding-bottom: 10rpx">
        <div>第一步</div>
        <div class="rds20r gf fs18r" style="background-color: red;padding: 5rpx 15rpx">已认证</div>
      </div>
      <div class="f ac xb w100 mt10r">
        <img src="" alt="图片占位" style="height: 150rpx;width: 150rpx">
        <div class="f ac cn ">
          <div class="fs40r b"> ?????认证</div>
          <div>身份认证 | 驾驶员认证</div>
        </div>
      </div>
    </div>
    <div class="rds5r bgf f ac cn mt20r" style="padding: 20rpx" @click="goList">
      <div class="f ac xb w100" style="border-bottom: 1px solid #ccc;padding-bottom: 10rpx">
        <div>第二步</div>
        <div class="rds20r gf fs18r" style="background-color: #0E46FA;padding: 5rpx 15rpx">未认证</div>
      </div>
      <div class="f ac xb w100 mt10r">
        <img src="" alt="图片占位" style="height: 150rpx;width: 150rpx">
        <div class="f ac cn ">
          <div class="fs40r b"> ?????认证</div>
          <div>身份认证 | 驾驶员认证</div>
        </div>
      </div>
    </div>
    <div class="rds5r bgf f ac cn mt20r" style="padding: 20rpx">
      <div class="f ac xb w100" style="border-bottom: 1px solid #ccc;padding-bottom: 10rpx">
        <div>第三步</div>
        <div class="rds20r gf fs18r" style="background-color: #0E46FA;padding: 5rpx 15rpx">未认证</div>
      </div>
      <div class="f ac xb w100 mt10r">
        <img src="" alt="图片占位" style="height: 150rpx;width: 150rpx">
        <div class="f ac cn ">
          <div class="fs40r b"> ?????认证</div>
          <div>身份认证 | 驾驶员认证</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  name: '',
  components: {},
  data() {
    return {
      //
    };
  },
  computed: {},
  mounted() {
    //
  },
  methods: {
    goList(){
      uni.navigateTo({
        url: '/pages/authentication/list'
      })
    }
  },
};
</script>

<style scoped lang="scss">
.page {
  padding: 30rpx;
  background-color: #f5ecf3;
  min-height: 100vh;
}
</style>
